// 重置样式和公共样式
@import"../../assets/css/reset.css";
@import"../../assets/css/common.css";

html,
body,
main {
    width: 100%;
    height: 100%;
}

main {
    display: flex;

    .loginLflet {
        width: 60%;
        height: 100%;
        position: relative;
        background-color: rgb(0, 167, 242);

        img {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
    }

    .loginritht {
        width: 40%;
        height: 100%;
        position: relative;

        .modol {
            height: 500px;
            width: 400px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            background-color: rgb(32, 141, 72);

            img {
                display: block;
                margin: 30px auto;


            }

            ul {
                height: 50px;
                width: 200px;
                display: flex;
                justify-content: space-between;
                margin: 35px auto;
                line-height: 50px;
                position: relative;

                li {
                    font-size: 18px;
                }

                .on {
                    position: absolute;
                    height: 18px;
                    width: 3px;
                    background-color: #eee;
                    top: 15px;
                    right: 98px;
                }
            }
        }


    }

}